* {	padding: 0; margin: 0; vertical-align: top; }

body {
	font: 18px/1.5em "proxima-nova", Helvetica, Arial, sans-serif;padding-left:0px;	width: 750px;height: 350px;background-color: RGB(248,248,248)
}

a:link {
	color: rgb(255, 255, 255); text-decoration: none;
}
a:visited {
	color: rgb(255, 255, 255); text-decoration: none;
}

a {display:inline-block;width:110px;height:30px;line-height:30px;text-align: center;font-size:15px;color:white; margin-right:10px;background-color: #66B82F}
a:hover { font-size:16px; }

.current {background-color: rgb(40,182,249)}

.TagContainer {font-size:12px;line-height:13px;}
.SenderTag {display:inline-block;width:100px;height:13px;background-color: #F7464A;margin-right:2px;}
.ReciverTag {display:inline-block;width:100px;height:13px;background-color: #4D5360;margin-left:30px;margin-right:2px;}
.tabcontainer {
	box-sizing: border-box;
	width: 700px;
	margin:8px;
	margin-top:10px;
	margin-bottom:0px;
}
.chart-container {
	box-sizing: border-box;
	width: 720px;
	height: 340px;
	padding: 20px 15px 15px 15px;
	#margin: 15px auto 30px auto;
	margin:8px;
	border: 1px solid #ddd;
	background: #fff;
	background: linear-gradient(#f6f6f6 0, #fff 50px);
	background: -o-linear-gradient(#f6f6f6 0, #fff 50px);
	background: -ms-linear-gradient(#f6f6f6 0, #fff 50px);
	background: -moz-linear-gradient(#f6f6f6 0, #fff 50px);
	background: -webkit-linear-gradient(#f6f6f6 0, #fff 50px);
	box-shadow: 0 3px 10px rgba(0,0,0,0.15);
	-o-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
	-ms-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
}

.chart-placeholder {
	width: 600px;
	height: 450px;
	font-size: 14px;
	line-height: 1.2em;
}

.legend table {
	border-spacing: 5px;
}